.MatchItem {
  width: 200rem;
  height: 52rem;
  cursor: pointer;
  box-shadow: -20px -2px 15px -13px #d2d2d2 inset;
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  border-bottom: 1px #e5e5e5 solid;
  background-color: #fff;
  img {
    width: 40rem;
    margin-left: 5rem;
  }
  .matchInfo {
    width: 146rem;
    height: 40rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    p {
      width: 50rem;
      text-align: center;
      font-weight: 600;
    }
    .gameModel {
      font-size: 15rem;
    }
    .matchTime {
      font-size: 12rem;
    }
    .winLose {
      width: 60rem;
      height: 40rem;
      line-height: 40rem;
      text-align: center;
    }
    .win {
      color: #40b5c5;
    }
    .lose {
      color: #d44a4a;
    }
  }
}
.winbox {
  border-left: 4px #40b4c4 solid;
  background: linear-gradient(to right, #e4f6f9, white);
  box-shadow: none;
}
.losebox {
  border-left: 4px #d44a4a solid;
  background: linear-gradient(to right, #e9a5a5, white);
  box-shadow: none;
}

.ml {
  margin-left: 4px;
}
